<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Vite App</title>
</head>

<body>
  <div id="app">
    <div class="slideshow">
      <div class="contents">
        <img class="content-item active" src="https://picsum.photos/1920/1080?random=1" alt="" srcset="">
        <img class="content-item" src="https://picsum.photos/1920/1080?random=2" alt="" srcset="">
        <img class="content-item" src="https://picsum.photos/1920/1080?random=3" alt="" srcset="">
        <img class="content-item" src="https://picsum.photos/1920/1080?random=4" alt="" srcset="">
        <img class="content-item" src="https://picsum.photos/1920/1080?random=5" alt="" srcset="">
        <img class="content-item" src="https://picsum.photos/1920/1080?random=6" alt="" srcset="">
        <img class="content-item" src="https://picsum.photos/1920/1080?random=7" alt="" srcset="">
      </div>

      <div class="controls">
        <button id="prev-btn">&lt;</button>
        <button id="next-btn">&gt;</button>
      </div>

      <div class="indicators">
      </div>
    </div>
  </div>
  <script type="module" src="./src/main.js"></script>
</body>

</html>